<nz-card>
    <div class="abc" style="padding: 10px 10px 0 10px;">
        <button (click)="commitMenu()"
                nz-button
                nzType="primary">
            <i
                [nzType]="'setting'" nz-icon
                theme="outline"></i>设置
        </button>
        <button (click)="refresh()"
                nz-button
                nzType="primary">
            <i
                [nzType]="'interaction'" nz-icon
                theme="outline"></i>刷新
        </button>
        <button (click)="collapsed()"
                nz-button
                nzType="primary">
            <i
                [nzType]="'up-square'" nz-icon
                theme="outline"></i>全部折叠
        </button>
        <button (click)="expanded()"
                nz-button
                nzType="primary">
            <i
                [nzType]="'down-square'" nz-icon
                theme="outline"></i>全部展开
        </button>
    </div>
    <div style="height: calc(100% - 42px)">
        <ng-container *ngIf="searchConfig?.roleId">
            <rm-menu-tree-panel
                #roleMenuTree
                [customLoadMethod]="customLoadMethod.bind(this)"
                [searchConfig]="searchConfig"
            >
            </rm-menu-tree-panel>
        </ng-container>
    </div>
</nz-card>
<!--    </div>-->

<base-popup
    (closeClick)="closeClick()"
    *ngIf="showDetailPanel"
    [height]="400"
    [title]="'请选择功能项'" [width]="400">

    <!--自定义内容-->
    <div class="content">
        <rm-menu-tree-panel
            #checkedMenuTree
            [checkable]="true"
            [showRoot]="false"
        >
        </rm-menu-tree-panel>
    </div>
    <div class="rightBtn">
        <button (click)="submit()" nz-button nzType="primary">保存</button>
        <button (click)="closeClick()" nz-button nzType="default">取消</button>
    </div>

</base-popup>

<!--</div>-->
